<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="360-site-verification" content="7e7ab00739878ef30d6f788f1a239671" />
    <meta name="sogou_site_verification" content="ymWqbG1QZZ"/>
    <title>壹立科技-申请试用</title>
    <link rel="icon" href="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/bitbug_favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="Static/css/font-awesome.min.css">
    <link rel="stylesheet" href="Static/css/element-ui.css">
    <link rel="stylesheet" href="Static/css/bootstrap.min.css">
    <link rel="stylesheet" href="Static/css/comment.css">

    <style>

    </style>
</head>

<body>
    <!-- 导航栏 -->
    <nav class="navbar navbar-default" id="nav">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">
                    <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/logo.png" alt="壹立科技">
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="menu"><a href="/">首页</a></li>
                    <li class="menu">
                        <a href="./product.html">产品介绍</a>
                        <div class="menu-list2">
                            <div class="menu-list2-left">
                                <div class="menu-list2-left-top">
                                    <a class="left-bar-pr-li2" href="#"
                                       style="border-right:1px solid #35373D;border-bottom:1px solid #35373D;text-decoration: none">
                                        <p>壹脉智能名片</p>
                                        <span>颠覆传统销售，快速精准拓客，开启移动互联网时代企业营销新模式。</span>
                                    </a>
                                    <a class="left-bar-pr-li2" href="#"
                                       style="border-bottom:1px solid #35373D;text-decoration: none">
                                        <p>趣来智慧跑腿系统</p>
                                        <span>代买代送代办服务，多元化跑腿应用场景，为更便捷的生活拓展无限可能。</span>
                                    </a>
                                </div>
                                <div class="menu-list2-left-top">
                                    <a class="left-bar-pr-li2" href="#"
                                       style="border-right:1px solid #35373D;text-decoration: none">
                                        <p>那年那食</p>
                                        <span>致力于农产品上行，革新高端社交应用场景，让人情往来更体面。</span>
                                    </a>
                                    <a class="left-bar-pr-li2" href="#" style="text-decoration: none">
                                        <p>社区团购</p>
                                        <span>打造“线下实体”+“线上商城”+“社交运营”于一体的综合模式。</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="menu"><a href="./software.html">软件定制</a></li>
                    <li class="menu Menu-case"><a href="./case.html">客户案例</a></li>
                    <li class="menu"><a href="./news.html">新闻动态</a></li>
                    <li class="menu"><a href="./about.html">关于壹立</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>

    <!-- 轮播 -->
    <div id="banner">

        <!--<el-carousel trigger="click" height="62.5rem" indicator-position="none" arrow="never">-->
            <!--<el-carousel-item style="padding:0">-->
                <!--<img :src="src[5]" alt="" width="100%" height="100%">-->
            <!--</el-carousel-item>-->
        <!--</el-carousel>-->
        <div class="trialBanner">
            <div class="container">
                <div id="join">
            <div class="banner-joinme">
                <p class="banner-joinme-tit">申请试用</p>
                <div class="banner-joinme-list">
                    <p>联系人</p>
                    <p><input class="join-inp" type="text" v-model="name" placeholder="请填写您的姓名" />
                    </p>
                </div>
                <div class="banner-joinme-list">
                    <p>意向</p>
                    <p>
                        <el-select class="join-inp" v-model="intention" placeholder="请选择">
                            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                            </el-option>
                        </el-select>
                    </p>
                </div>
                <div class="banner-joinme-list">
                    <p>手机号码</p>
                    <p>+86&nbsp;&nbsp;&nbsp;<input class="join-inp" v-model="phone" type="text"
                                                   oninput="value=value.replace(/[^\d]/g,'')" placeholder="请填写您的手机号码" />
                    </p>
                </div>
                <div class="banner-joinme-list">
                    <p>微信</p>
                    <p><input class="join-inp" v-model="wechat" type="text" placeholder="请填写微信号码" />
                    </p>
                </div>
                <button class="joinme-submit" @click="mysubmit">立即申请</button>
            </div>
            </div>
            </div>
        </div>


    </div>

    <!-- 侧边栏 -->
    <div id="left-bar">
        <div class="left-bar-p left-bar-qq" style="padding:0">
            <a class="backTop" href="tencent://message/?uin=1115238556&amp;Site=有事Q我&amp;Menu=yes">QQ</a>
        </div>
        <div class="left-bar-p left-bar-phone">
            热线
            <p class="phone-num">
                <span class="phone-num-bg">028-63853204</span>
                <span class="phone-num-sm">17721872191&nbsp;&nbsp;&nbsp;18081916514</span>
            </p>
        </div>
        <div class="left-bar-p left-bar-weichat">
            微信
            <p class="weichat">
                <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/weima.png" alt="官方微信" width="90%"
                     height="90%">
                <span class="weichat-p">微信扫一扫立即咨询</span>
            </p>
        </div>
        <div class="left-bar-p left-bar-chanpin">
            产品
            <div class="left-bar-product">
                <div class="menu-list2-left-top">
                    <a class="left-bar-pr-li2" href="#">
                        <p>壹脉智能名片</p>
                        <span>颠覆传统销售，快速精准拓客，开启移动互联网时代企业营销新模式。</span>
                    </a>
                    <a class="left-bar-pr-li2" href="#"
                       style="border-bottom:1px solid #35373D;">
                        <p>趣来智慧跑腿系统</p>
                        <span>代买代送代办服务，多元化跑腿应用场景，为更便捷的生活拓展无限可能。</span>
                    </a>
                </div>
                <div class="menu-list2-left-top">
                    <a class="left-bar-pr-li2" href="#"
                       style="border-right:1px solid #35373D;">
                        <p>那年那食</p>
                        <span>致力于农产品上行，革新高端社交应用场景，让人情往来更体面。</span>
                    </a>
                    <a class="left-bar-pr-li2" href="#">

                        <p>社区团购</p>
                        <span>打造“线下实体”+“线上商城”+“社交运营”于一体的综合模式。</span>

                    </a>
                </div>
            </div>
        </div>
        <div class="left-bar-p left-bar-top" style="padding:0">
            <a class="backTop" href="#banner"></a>
        </div>
    </div>

    <!-- 页脚 -->
    <div id="footer">
        <div class="container foot-ui">
            <div class="footer-left">
                <p class="footer-left-tit">咨询热线：028-63853204 </p>
                <p class="footer-left-tit2" style="padding-top:15px"><img
                        src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/phone.png" alt=""
                        style="margin-right:8px">17721872191&nbsp;&nbsp;&nbsp;18081916514</p>
                <p class="footer-left-tit2"><img
                        src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/email.png" alt=""
                        style="margin-right:8px">yiliit@163.com
                </p>
                <p class="footer-left-tit2"><img
                        src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/address.png" alt=""
                        style="margin-right:8px">成都市高新区天府二街蜀都中心二期1号楼4单元8层806号</p>
                <a href="tencent://message/?uin=1115238556&amp;Site=有事Q我&amp;Menu=yes" class="Consultation  footer-left-qq" >
                    <img style="margin-bottom:3px"
                         src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/qq.png" alt="">
                    <span style="font-size: 12px;color: #43464E">在线咨询</span>
                </a>
                <a  href="http://wpa.qq.com/msgrd?v=3&uin=1115238556&site=qq&menu=yes" class="phoneConsul footer-left-qq">
                    <img style="margin-bottom:3px"
                         src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/qq.png" alt="">
                    <span style="font-size: 12px;color: #43464E">在线咨询</span>
                </a>
            </div>
            <div class="footer-right">
                <ul class="footer-right-ul">
                    <li class="footer-right-tit">官方微信</li>
                    <li class="footer-right-list" style="margin-top: 1rem"><img
                            src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/ma.png" alt="" width="72px"
                            height="72px"></li>
                </ul>
                <ul class="footer-right-ul">
                    <li class="footer-right-tit">关注我们</li>
                    <li class="footer-right-list" style="margin-top: 1rem">
                        <a href="#" class="footer-hover">
                            <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/wei.png" alt=""
                                 width="30px">
                            <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/ma3.png"
                                 class="footer-hover-img">
                        </a></li>
                    <li class="footer-right-list"><a href="#" class="footer-hover">
                        <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/tou.png" alt=""
                             width="30px">
                        <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/ma2.png"
                             class="footer-hover-img">
                    </a></li>
                </ul>
                <ul class="footer-right-ul">
                    <li class="footer-right-tit">关于我们</li>
                    <li class="footer-right-list" style="margin-top: 1rem">
                        <a href="./about.html" class="footer-right-list-a">关于壹立</a>
                    </li>
                    <li class="footer-right-list"><a href="#" class="footer-right-list-a">加入我们</a></li>
                </ul>
                <ul class="footer-right-ul">
                    <li class="footer-right-tit">相关产品</li>
                    <li class="footer-right-list" style="margin-top: 1rem"><a href="/" class="footer-right-list-a">趣来智慧跑腿系统</a></li>
                    <li class="footer-right-list"><a href="/" class="footer-right-list-a">趣来智慧团购系统</a></li>
                    <li class="footer-right-list"><a href="/" class="footer-right-list-a">壹脉AI智能名片</a></li>
                    <li class="footer-right-list"><a href="/" class="footer-right-list-a">那年那食</a></li>
                </ul>
                <ul class="footer-right-ul">
                    <li class="footer-right-tit">友情链接</li>
                    <li class="footer-right-list" style="margin-top: 1rem"><a href="/"
                                                                              class="footer-right-list-a">壹立科技</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div id="foot-bottom">
        Copyright 2018 yiliit.com 成都壹立科技有限公司 © 蜀ICP备19002747号-1
    </div>

    <script src="Src/js/jquery-1.11.0.min.js"></script>
    <script src="Src/bootstrap.min.js"></script>
    <script src="./Src/js/vue.min.js"></script>
    <script src="./Src/js/element-UI.js"></script>
    <script src="Src/comment/comment.js"></script>

    <script>

        if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
            $(".Consultation").css("display","none");
            $(".phoneConsul").css("display","block");

        } else {
            $(".Consultation").css("display","block");
            $(".phoneConsul").css("display","none");
        }


        $('body').on('click', function () {
//          e.stopPropagation();
//          e.preventDefault();
            history.back();
        })
        $('body').on('click','.banner-joinme',function (e) {
            console.log("11111");
            e.stopPropagation();
            e.preventDefault();
        })
        /* 表单数据绑定 */
        new Vue({
            el: "#banner",
            data: {
                name: "",
                phone: '',
                wechat: '',
                intention: '',
                options: [{
                    value: '1',
                    label: '壹脉智能名片'
                }, {
                    value: '2',
                    label: '那年那食'
                }, {
                    value: '3',
                    label: '跑腿系统'
                }],
                src: ["../../Static/video/banner1.mp4", "https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/banner2.png", "https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/banner3.png",
                    "https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/banner4.png", "https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/banner5.png", "https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/banner7.png"]
            },
            methods: {
                mysubmit(r) {
                    var t = this;
                    if (t.name && t.intention && t.phone && t.wechat) {
                        new AjaxRequest({
                            type: "post",
                            url: "/official/saveOfficialApply",
                            param: {
                                name: t.name,
                                intention: t.intention,
                                phone: t.phone,
                                wechat: t.wechat
                            },
                            isShowLoader: true,
                            dataType: "",
                            callBack: function (res) {
                                if (res.code == 200) {
                                    t.$message({
                                        message: '恭喜你！申请成功',
                                        center: true,
                                        type: "success"
                                    });
                                    t.name = '';
                                    t.intention = '';
                                    t.phone = '';
                                    t.wechat = '';
                                } else {
                                    t.$message.error('申请失败');
                                }
                            }
                        });
                    } else {
                        t.$message.error('请填写完整信息！');
                    }
                },

            }
        })

        /* 顶部背景消失显示 */
        window.onscroll = function () {
            //变量t是滚动条滚动时，距离顶部的距离
            var t = document.documentElement.scrollTop || document.body.scrollTop;
            var scrollup = document.getElementById('nav');
            if (t == 0) {
                scrollup.style.background = "none";
            } else {          //恢复正常
                scrollup.style.background = "#35373D";
            }
            ;
        }
    </script>
<script>
    (function(){
    var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?d0e8eceff2815d073911ecc3dc9ee785":"https://jspassport.ssl.qhimg.com/11.0.1.js?d0e8eceff2815d073911ecc3dc9ee785";
    document.write('<script src="' + src + '" id="sozz"><\/script>');
    })();
</script>
</body>

</html>